$(function(){
    $('#login-page').height(window.screen.height * 0.8);

    var login_page = new Vue({
        el: "#login-page",
        data: {
            email: '',
            password: ''
        },
        mounted: function() {
        },
        methods: {
            // 弹窗提示
            responseUser: function(message, type = 'error') {
                new NoticeJs({
                    text: message,
                    position: 'topCenter',
                    type: type,
                    modal: true,
                    animation: {
                        open: 'animated bounceInRight',
                        close: 'animated bounceOutLeft'
                    }
                }).show();
            },
            // 验证是否为空
            verifyEmpty: function(value) {
                if(value === undefined) { // 只能用 === 运算来测试某个值是否是未定义的
                    return false;
                }

                if(value == null) { // 等同于 value === undefined || value === null
                    return false;
                }

                // String
                if(value == "" || value == null || value == undefined){ // "",null,undefined
                    return false;
                }
                if (!value) { // "",null,undefined,NaN
                    return false;
                }
                if(!$.trim(value)){ // "",null,undefined
                    return false;
                }
                // Array
                if(value.length == 0){ // "",[]
                    return false;
                }
                if(!value.length){ // "",[]
                    return false;
                }

                // Object {}
                if ($.isEmptyObject(value)){ // 普通对象使用 for...in 判断，有 key 即为 false
                    return false;
                }
                return true;
            },
            // 登录
            loginpost: function () {
                if (this.verifyEmpty(this.email) === false) {
                    this.responseUser('邮箱不能为空');
                    return false;
                }

                if (this.verifyEmpty(this.password) === false) {
                    this.responseUser('密码不能为空');
                    return false;
                }

                var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
                if(!myreg.test(this.email)) {
                    this.responseUser('邮箱格式错误');
                    return false;
                }

                this.$http
                    .post('loginPost', {email: this.email, password: this.password})
                    .then(
                        function (res) {
                            if (typeof res.body == 'object') {
                                var response = res.body;
                            } else {
                                var response = JSON.parse(res.body);
                            }

                            if (response.responseCode == 200) {
                                login_page.responseUser('登录成功，即将为您调转首页', 'success');
                                setTimeout(function(){
                                    window.location.href = 'http://www.lincanming.xyz'
                                    }, 3000);
                            } else {
                                login_page.responseUser(response.message);
                            }
                        },
                        function (res) {
                            login_page.responseUser('服务端错误');
                        });
            }
        }
    });
});